//使用vuex插件，需要创建store文件夹，在store文件夹下创建index.js文件进行配置
import Vue from 'vue'
import Vuex from 'vuex'
Vue.use(Vuex) //注册Vuex组件
//编写配置项目
//业务逻辑，这里的业务逻辑就是奇数时候添加和延迟添加
const actions={
    //actions的内部的第一个参数是context，context可以获取state属性，就可以拿到对应的state中的数据
     addWhenOdd(context,val){
        if(context.state.sum %2){
            context.commit("add",val)
        }
     },
     addDelay(context,val){
        setTimeout(() => {
            context.commit("add",val)
        }, 500)
     }
}
//处理数据，进行简单加减
const  mutations={
    //mutations直接就是操作数据了,也就是state
    add(state,val){
        state.sum+=val
    },
    sub(state,val){
        state.sum-=val 
    }
}
//存放数据
const state={
    sum:0, //当前的数据
    skill:'vue',
}
export default new Vuex.Store({
  actions,
  mutations,
  state,
})



